<template>
    <view class="mine-view">
        <view class="info-name">系统通知</view>
        <view class="info-time">2024年12月16日 14:00</view>
        <view class="info-data">
            欢迎您注册云诺端，诺众天下，丰裕万家！欢迎您注册云诺端，诺众天下，丰裕万家！欢迎您注册云诺端，诺众天下，丰裕万家！欢迎您注册云诺端，诺众天下，丰裕万家！欢迎您注册云诺端，诺众天下，丰裕万家！欢迎您注册云诺端，诺众天下，丰裕万家！欢迎您注册云诺端，诺众天下，丰裕万家！欢迎您注册云诺端，诺众天下，丰裕万家！欢迎您注册云诺端，诺众天下，丰裕万家！欢迎您注册云诺端，诺众天下，丰裕万家！欢迎您注册云诺端，诺众天下，丰裕万家！
        </view>
        <el-button class="but-return">返回</el-button>
    </view>
</template>

<script>
export default {
    data() {
        return {

        };
    },
    methods: {}
}
</script>

<style scoped lang="scss">
.mine-view {
    width: 100%;
    background: white;
    padding: 48px 40px 48px 40px;
    min-height: 610px;

    .info-name {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 20px;
        color: #1F0C00;
        line-height: 28px;
        text-align: left;
        font-style: normal;
    }

    .info-time {
        margin-top: 10px;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 14px;
        color: #B8ACA3;
        line-height: 20px;
        text-align: left;
        font-style: normal;
    }

    .info-data {
        margin-top: 33px;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 16px;
        color: #2C1101;
        line-height: 22px;
        text-align: left;
        font-style: normal;
    }

    .but-return {
        margin-top: 22px;
        @extend .row;
        width: 179px;
        height: 54px;
        background: #FFFFFF;
        border-radius: 4px;
        border: 1px solid #FF453B;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 16px;
        color: #FF453B;
        line-height: 22px;
        letter-spacing: 2px;
        text-align: right;
        font-style: normal;
    }
}
</style>